<?php
//index.php

//** Each page that is "stand alone" must have this variable.
$authorizedPage = true; 
require('config.php');

/////redirect to mobile version idea A/////
$ua=$_SERVER['HTTP_USER_AGENT'];
if(preg_match('/Mobile|iPhone|iPad/',$ua)){
	header("Location: mobile/index.php");
	$_SESSION['mobile'] = true;
exit;
}
?>

<!DOCTYPE HTML>
<html>

<head>
	<title>Home</title>
	
	<script type="text/javascript" src="libraries/jq.js"></script>
	<script type="text/javascript" src="libraries/banner.js"></script>
	<script type="text/javascript" src="libraries/search.js"></script>
	<!--redirect to mobile version idea B-->
	<!--<script type="text/javascript">
	if(navigator.userAgent.match(/iP(od|hone)/i) 
	{
	location.href='mobile/index.php';
	}
	</script>-->
	
	
	
	
	<link rel="stylesheet" type="text/css" href="libraries/style.css" />
</head>

<body>
	
	<div id="contain">

		<div id="primitiveHead">
			<img id="logo" alt="Friendly Cooks" src="images/logo.png" />
			<div id="logoContain"></div>
			<?php require('facebook/f_authenticate.php'); ?>
			<form method="get" action="searchresults.php">
				<input id="search" name="search" type="text" value="search..." />
				<input id="go" type="submit" name="searchGO" value="Go!" />
			</form>
			<a href="create.php"><img id="create" src="images/createrecipe.png" /></a>
		</div>
	

	
		<div id="primitiveBody">
			<h1>Welcome to Friendly Cooks!</h1>
			
			<div class="primitiveContent">
			
				<div id="imageRotate">
					<img src="images/banner/1.png" alt="banner" id="bannerImage" />
					<div class="imageRoateInfo">
						<span id="bannerText">Chicken Tacos by Shelley</span>
							<div>
							<img class="circle" id="b1" src="images/circlefill.png" alt="f" />
							<img class="circle" id="b2" src="images/circle.png" alt="c" />
							<img class="circle" id="b3" src="images/circle.png" alt="c" />
							<img class="circle" id="b4" src="images/circle.png" alt="c" />
							<img class="circle" id="b5" src="images/circle.png" alt="c" />
						</div>
					</div>
				</div>
			
				<p>
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam volutpat nibh eget magna sagittis eget volutpat nisl elementum. Suspendisse potenti. Vestibulum aliquam lacinia odio, nec molestie est tincidunt id. Vivamus nec nisi augue. Etiam sagittis pharetra turpis ut vehicula. Phasellus eget justo non sapien rhoncus suscipit. Nulla facilisi. Mauris sed nulla id urna tincidunt suscipit. Donec et purus quam, ac pellentesque nisl. Vestibulum ornare pellentesque accumsan. Pellentesque aliquam felis quis odio fringilla egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
				</p>
				
				<p>
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam volutpat nibh eget magna sagittis eget volutpat nisl elementum. Suspendisse potenti. Vestibulum aliquam lacinia odio, nec molestie est tincidunt id. Vivamus nec nisi augue. Etiam sagittis pharetra turpis ut vehicula. Phasellus eget justo non sapien rhoncus suscipit. Nulla facilisi. Mauris sed nulla id urna tincidunt suscipit. Donec et purus quam, ac pellentesque nisl. Vestibulum ornare pellentesque accumsan. Pellentesque aliquam felis quis odio fringilla egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
				</p>
				
			<div class="menuWrap">
				<div class="h5FakeHead">

						<span class="menuHeader">
							<span class="menuTitle">
								<a href="#">Meaty</a>
							</span>
							<span class="menuItem">
								<a href="#">Testing the site can be fun!</a>
								<a href="#">Test</a>
								<a href="#">Test</a>
								<a href="#">Test</a>			
							</span>
						</span>
						
						<span class="menuHeader menuAlt">
							<span class="menuTitle">
								<a href="#">Tasty Snack</a>
							</span>
							<span class="menuItem">
								<a href="#">Test</a>
								<a href="#">Test</a>
								<a href="#">Test</a>
								<a href="#">Test</a>
							</span>	
						</span>
						
						<span class="menuHeader">
							<span class="menuTitle">
								<a href="#">Soup & Salad</a>
							</span>
							<span class="menuItem">
								<a href="#">Test</a>
								<a href="#">Test</a>
								<a href="#">Test</a>
								<a href="#">Test</a>
							</span>
						</span>
						
						<span class="menuHeader menuAlt">
							
							<span class="menuTitle">
								<a href="#">Salad</a>
							</span>
							<span class="menuItem">
								<a href="#">Test</a>
								<a href="#">Test</a>
								<a href="#">Test</a>
								<a href="#">Test</a>
							</span>
						</span>
						
						<span class="menuHeader">
							<span class="menuTitle">
								<a href="#">Healthy</a>
							</span>
							<span class="menuItem">
								<a href="#">Test</a>
								<a href="#">Test</a>
								<a href="#">Test</a>
								<a href="#">Test</a>
							</span>
						</span>
						
						<span class="menuHeader menuAlt">
							<span class="menuTitle">
								<a href="#">Quick</a>
							</span>
							<span class="menuItem">
								<a href="#">Test</a>
								<a href="#">Test</a>
								<a href="#">Test</a>
								<a href="#">Test</a>
							</span>
						</span>
						
						<span class="menuHeader">
							<span class="menuTitle">
								<a href="#">Vegan</a>
							</span>
							<span class="menuItem">
								<a href="#">Test</a>
								<a href="#">Test</a>
								<a href="#">Test</a>
								<a href="#">Test</a>
							</span>
						</span>
					</div>
				</div>			
				
				<!-- 3 Image Box -->
				<div id="threeImageBox">
					
					<div>
						<img src="images/box/1.png" alt="1" />
						<span>Test Here</span>
					</div>
					<div>
					<img src="images/box/2.png" alt="2" />
						<span>Test Here</span>
					</div>
					<div>
					<img src="images/box/3.png" alt="3" />
						<span>Test Here</span>
					</div>
				
				</div>
				
				<p class="moveUp">
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam volutpat nibh eget magna sagittis eget volutpat nisl elementum. Suspendisse potenti. Vestibulum aliquam lacinia odio, nec molestie est tincidunt id. Vivamus nec nisi augue. Etiam sagittis pharetra turpis ut vehicula. Phasellus eget justo non sapien rhoncus suscipit. Nulla facilisi. Mauris sed nulla id urna tincidunt suscipit. Donec et purus quam, ac pellentesque nisl. Vestibulum ornare pellentesque accumsan. Pellentesque aliquam felis quis odio fringilla egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
				</p>
				
			</div>
			
			<div id="primitiveFoot">
				<img id="minilogo" alt="Friendly Cooks" src="images/logo.png" />
				
				<span id="footLinks">
					<a href="index.php">Home</a> |
					<a href="create.php">Create</a> |
					<a href="view.php">View</a> |
					<a href="search.php">Search</a> |
					<a href="privacy.php">Privacy</a> |
					<a href="contact.php">Contact</a> |
					<a href="account.php?id=<?php echo ($user ? $user_profile['id'] : -1);  ?>" id="accountFoot">My Account</a>

					
					<span>&copy; 2012 Friendly Cooks</span>
				</span>
			</div>
			
			
		</div>
		
		
	
	</div>


</body>
</html>

<?php
mysql_close();

?>